
<html>
    <head>
        <meta charset="UTF-8">
        <title> Carga de informes de paises</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {{formulario_creado.media.css}}
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
    </head>
    <body>
        {% include "topmenu.html" %} <!-- Top menu -->

        <div class="container">
            <div class="row-fluid">
                <div class="span12">

                {% include "sidebar.html" %} <!-- Side bar -->

                <div class="span9">
                    <div class="page-header">
                        <h1>Formulario de carga de informes a nivel país</h1>
                    </div>

                    <div class="row-fluid">
                        {% if info_enviado == 'Guardado' %}
                        <div class="alert alert-success">
                            <button type="button" class="close" data-dismiss="alert">
                                &times;
                            </button>
                            El formulario ha sido guardado con éxito
                            <a href=/plataforma class="btn btn-primary" > Volver a la página de inicio</a>
                        </div>
                        {% else %}
                        {% if info_enviado == 'Editado' %}
                        <p>
                            <button type="button" class="close" data-dismiss="alert">
                                &times;
                            </button>
                            El formulario ha sido editado con éxito
                            <a href=/plataforma class="btn btn-primary"> Volver a la página de inicio</a>
                        </p>
                        {% else %}
                        {% if info_enviado == 'Nuevo' or info_enviado == 'Error'  %}
                        {% if info_enviado == 'Error' %}
                        <div class="alert alert-error">
                            <button type="button" class="close" data-dismiss="alert">
                                &times;
                            </button>
                            {{ mensaje_error | safe }}
                        </div>
                        {%endif%}

                        <h3>{{ nombre_pais }}</h3>
                        <form id="formulario_carga" name="formulario_carga" action="/plataforma/carga_formulario_pais/{{pais_formulario_antiguo}}/{{pk_informe_antiguo}}/" method='post' enctype="multipart/form-data">
                            {% csrf_token %}
                            <fieldset  style="border:1px #ccc;" >

                                <h3>Período del informe:</h3>
                                <div class="form-horizontal well">
                                    <div class="control-group">
                                        <table width="100%" cellpadding="10px" cellspacing="3px" >
                                            <tr>
                                                <th align="center">Fecha inicio:</th>
                                                <th align="center">Fecha fin:</th>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                <div class="input-append control-group">
                                                    {{ formulario_creado.fecha_inicio }}
                                                    <label for="id_fecha_inicio" class="add-on"><i class="icon-calendar"></i></label>
                                                </div></td>
                                                <td align="center">
                                                <div class="input-append control-group">
                                                    {{ formulario_creado.fecha_fin }}
                                                    <label for="id_fecha_fin" class="add-on"><i class="icon-calendar"></i></label>
                                                </div></td>
                                            </tr>
                                        </table>
                                        <div id='periodo_okay' class="alert alert-success" hidden></div>
                                        <div id='error_periodo' class="alert alert-error" hidden></div>
                                    </div>
                                </div>

                                <h3>Breve resumen del informe:</h3>
                                <div class="form-horizontal well">
                                    <div class="control-group">
                                        {{ formulario_creado.resumen }}
                                        <div id='error_resumen' class="alert alert-error" hidden></div>
                                        <br />
                                    </div>
                                </div>

                                <h3>Archivo/Documento del informe:</h3>
                                <div class="form-horizontal well">
                                    <p>
                                        Formatos permitidos: pdf, doc y docx
                                    </p>
                                    {% if formulario_creado.archivo.value %}
                                    Anterior: <a href="/plataforma/media/{{ formulario_creado.archivo.value }}" target="_blank"> {{ formulario_creado.archivo.value }} </a>
                                    {% endif %}
                                    {{ formulario_creado.archivo }}
                                    <div id='archivo_okay' class="alert alert-success" hidden></div>
                                    <div id='error_archivo' class="alert alert-error" hidden></div>
                                </div>
                            </fieldset>
                            <br />
                            <br />

                            <div class="area-botones">
                                <div class="form-horizontal well">
                                    <div class="form-actions" align="center">
                                        <input type="hidden" value="{{ pais_formulario_antiguo }}" name="pais_formulario_antiguo" id="pais_formulario_antiguo"/>
                                        <input type="hidden" value="{{ pk_informe_antiguo }}" name="pk_informe_antiguo" id="pk_informe_antiguo" />
                                        <input type="button" class="btn btn-primary" value="Enviar" id='id_enviar' name='id_enviar' />
                                        <input type="reset"  class="btn btn-primary" value="Limpiar" id='id_limpiar' name='id_limpiar'/>
                                    </div>
                                </div>
                            </div>
                        </form>
                        {% endif %}
                        {% endif %}
                        {% endif %}
                    </div>
                </div><!-- span9 -->
            </div><!-- span12 -->
            </div><!-- row-fluid -->
            {{formulario_creado.media.js}}
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
            {% include "footer.html" %} <!-- Footer -->
        </div><!-- container -->
    </body>
</html>

